body{
    background: #f4f4f4;
}  
#gdxq-nav{        
    width: 100%; 
    height: 1.02rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
        border: 1px solid #ebebeb;
    background: white;
    div{  
        width: 7.19rem;         
        height: .74rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: 2.16rem;
            height: .7rem;
        }
        .p{
            width: 1.05rem;
            height: 0.36rem;
            font-size: 0.35rem;
            overflow: hidden;
            margin-left: -.91rem;
        }
        div{
            width: 1.3rem;
            height: .79rem;
            font-size: 0;
            a:nth-child(1){
                width: 0.46rem;
                height: 0.68rem;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                i{
                    width: 0.42rem;   
                    height: 0.45rem;
                     img{
                        width: 100%;
                        height: 100%;
                    }
                }
                p{
                    width: 100%;
                    height: .22rem;
                    overflow: hidden;
                    font-size: 0.22rem;
                    color: #999;
                }
            }
            a:nth-child(2){
                width: 0.46rem;
                height: 0.68rem;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                i{
                    width: 0.42rem;
                    height: 0.45rem;
                     img{
                        width: 100%;
                        height: 100%;
                    }
                }  
                p{
                    width: 100%;
                    height: .22rem;
                    overflow: hidden;
                    font-size: 0.22rem;
                    color: #999;
                }
            }
        }  
    }    
}     
#gdxq-nav1{
    width: 100%;
    height: 3.05rem;
     background: white;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    div{
        width: 100%;
          height: 2.31rem; 
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          a{
              width: 7.15rem;
              height: 1.33rem;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              li:nth-child(1){
                  width: 4.6rem;
                  height: 0.32rem;
                  display: flex;
                  justify-content: space-between;
                  p:nth-child(1){
                      width: 100%;
                      height: 100%;  
                      font-size: 0.28rem;
                      color: black;
                      display: flex;
                      justify-content: space-between;
                      overflow: hidden;
                      span{
                          width: 1.2rem;   
                          height:.31rem;
                          text-align: center;
                          line-height: .31rem; 
                          font-size: .24rem;
                          background: #39C894;
                          color: white;  
                          border-radius: 5px;
                          overflow: hidden;
                      }
                  }
              }
              li:nth-child(2){
                  width: 5.84rem;
                  height: .28rem;
                  display: flex;
                  justify-content: space-between;
                  p{
                      width: 1.8rem;
                      height: 100%;
                      font-size: .24rem;
                      color: black;
                      overflow: hidden;
                      span{
                          color: #999;
                      }
                  }
              }
              li:nth-child(3){
                  width: 6.9rem;
                  height: .3rem;
                  p{  
                      width: 6.9rem; 
                      height: 100%;
                      font-size: .23rem;
                      color: black;
                       overflow: hidden;
                      span{
                          color: #999;
                      }
                  }
              }
         }
            div{
            width: 100%;
            height: .71rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            a{
                width: 50%; 
                height:100%;
                font-size: 0.35rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #eaeaea;
               
            }   
            a:nth-child(1){
                 li{
                    width: 1.72rem;
                    height: .31rem;
                     display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                img{
                    width: .32rem;
                    height: .31rem;
                }
                p{
                    font-size: .25rem;
                }
                }
            }
            a:nth-child(2){
                 li{
                    width: 2.12rem;
                    height: .31rem;
                     display: flex;  
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                img{
                    width: .3rem;
                    height: .31rem;
                }
                p{
                    font-size: .25rem;
                }
                }
            }
        }
    }
}

#gdxq-content{
    width: 100%;
    height: 19.18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    div{
        width: 7.16rem;
        height: 18.48rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        div:nth-child(1){
            width: 5.24rem;
            height: .36rem;
            display: flex;
            flex-direction: row;
                justify-content: space-between;
                align-items: center;
            a:nth-child(1){
                width:1.98rem;
                font-size: .28rem;
                height: 100%;
                color: black;
                span{
                    border-bottom: 3px solid #39C894;
                    color: #39C894;
                }
            }
            a:nth-child(2){  
                width:2.2rem;
                height: 100%;
                font-size: .27rem;
                color: black;
                span{
                    color: #999999;
                }
            }
        }
        div:nth-child(2){
            width: 100%;
            height: 6.93rem;
            div:nth-child(1){
                width: 5.62rem;
                height: 0.6rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                a{
                     text-align: center;
                    line-height: .6rem;
                }
                p{
                    font-size: 0;
                    width: .9rem;
                    height: .45rem;
                    margin-left: -.1rem;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                a:nth-child(2){
                    margin-left: -.18rem;
                    width: 2.1rem;
                    height: .6rem;
                    background: #eaeaea;
                    text-align: center;
                    line-height: .6rem;
                    font-size: .28rem;
                    color: #666;
                }
                a:nth-child(3){
                    width: .97rem;
                    margin-left: -.18rem;
                    height: .6rem;
                    color: white;
                    font-size: .3rem;
                    background: #39C894;
                }
                a:nth-child(4){
                    width: 1.56rem;
                    height: .6rem;
                    font-size: .3rem;
                    color: white;
                    background: #feb605;
                }
            }
            div:nth-child(2){
                width: 6.25rem;
                height: 6.06rem;
                margin-left: .9rem;
                a:nth-child(1){
                    width: 2.4rem;    
                    height: .29rem;
                    font-size: .29rem;
                    color: black;
                }
                a:nth-child(2){
                    width: 100%;
                    height: 5.53rem;
                    display: flex;
                    justify-content: space-between;
                    color: black;
                    flex-wrap: wrap;
                    img{
                        width: 2.08rem;
                        height: 2.74rem;
                    }
                }
            }
        }
        
        div:nth-child(3){
            width: 100%;
            height: 4.15rem;
            div:nth-child(1){
                width: 5.62rem;
                height: 0.6rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                a{
                     text-align: center;
                    line-height: .6rem;
                }
                p{
                    font-size: 0;
                    width: .9rem;
                    height: .45rem;
                    margin-left: -.1rem;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                a:nth-child(2){
                    margin-left: -.18rem;
                    width: 2.1rem;
                    height: .6rem;
                    background: #eaeaea;
                    text-align: center;
                    line-height: .6rem;
                    font-size: .28rem;
                    color: #666;
                }
                a:nth-child(3){
                    width: .97rem;
                    margin-left: -.18rem;
                    height: .6rem;
                    color: white;
                    font-size: .3rem;
                    background: #39C894;
                }
                a:nth-child(4){
                    width: 1.56rem;
                    height: .6rem;
                    font-size: .3rem;
                    color: white;
                    background: #feb605;
                }
            }
            div:nth-child(2){
                width: 6.25rem;
                height: 3.27rem;
                margin-left: .9rem;
                display: flex;
                justify-content: space-between;
                a:nth-child(1){
                    width: 2.4rem;
                    height: .29rem;
                    font-size: .29rem;
                    color: black;
                }
                a:nth-child(2){
                    width: 100%;
                    height: 2.75rem;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    color: black;
                    img{
                        width: 2.08rem;
                        height: 2.77rem;
                    }
                }
            }
        }
         div:nth-child(4){
            width: 100%;
            height: 6.11rem;
            div:nth-child(1){
                width: 5.62rem;
                height: 0.6rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                a{
                     text-align: center;
                    line-height: .6rem;
                }
                p{
                    font-size: 0;
                    width: .9rem;
                    height: .45rem;
                    margin-left: -.1rem;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                a:nth-child(2){
                    margin-left: -.18rem;
                    width: 2.1rem;
                    height: .6rem;
                    background: #eaeaea;
                    text-align: center;
                    line-height: .6rem;
                    font-size: .28rem;
                    color: #666;
                }
                a:nth-child(3){
                    width: .97rem;
                    margin-left: -.18rem;
                    height: .6rem;
                    color: white;
                    font-size: .3rem;
                    background: #39C894;
                }
                a:nth-child(4){
                    width: 1.56rem;
                    height: .6rem;
                    font-size: .3rem;
                    color: white;
                    background: #feb605;
                }
            }
            div:nth-child(2){
                width: 6.25rem;
                height: 5.21rem;
                margin-left: .9rem;
                display: flex;
                justify-content: space-between;
                a:nth-child(1){
                    width: 2.9rem;
                    height: .29rem;
                    color: black;
                    font-size: .29rem;
                }  
                a:nth-child(2){
                    width: 100%;
                    height: 4.71rem;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    img{
                        width: 100%;
                        height: 4.71rem;
                    }
                }
            }
        }
    }
}

#gdxq-aside{
    width: 100%;
    height: 2.44rem;
    background: white;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    p{
        width: 7.03rem;
        height: 0.28rem;
        overflow: hidden;
        font-size: 0.28rem; 
    }
}

#gdxq-footer{
    width: 100%;
    height: 1.28rem;
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
    flex-direction: column;
    justify-content: space-around;
    background: white;
    div:nth-child(1){
        width: 3.72rem;
        height: 0.33rem;    
        display: flex;
        flex-direction: row;    
        margin-top: .2rem;
        img{
            width: 0.32rem;
            height: 0.32rem;
        }
        a{
            font-size: .28rem;
        }
    }
    div:nth-child(2){
        width: 100%;
        height: 0.3rem;
        display: flex;
        justify-content: space-around;
          
            a{
                 overflow: hidden;
            width: 1.17rem;
            height: 100%;
                 font-size: .28rem;
            }
    }
    
}
      
#gdxq-footer1{  
    width: 100%;
    height: 1.06rem;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    div{   
        width: 100%;
        height: 100%;
       display: flex;
       align-items: center;
       justify-content: space-around;
       a:nth-child(1){
            width: 0.49rem;
               height: 0.5rem;
               font-size: 0;
           position: absolute;
           top: 0;left: 0;
           img{
               width: 100%;
               height: 100%;
           }
       } 
        a:nth-child(2){
             width: 4.26rem; 
               height: 0.93rem;
               margin-left: 0.8rem;
           img{
               width: 100%;
               height: 100%;
           }
       }
       a:nth-child(3){
           width: 1.75rem;
           height: 0.5rem;
           text-align: center;
           line-height: .5rem;
           color: white;
           font-size: .24rem;
           background: #FEB605;
           border-radius: 10px;
       } 
    }
}
